$(function() {
	
	
	$(".tuijian_tab_list > ul:not(:first)").hide();
	var myLi = $(".tuijian_tab > .top  > ul > li");
	var myDiv2 = $(".tuijian_tab_list > ul");
	myLi.each(function(i){
	$(this).mouseover(function(){
		myLi.removeClass("dq");
		$(this).addClass("dq");
		myDiv2.hide();
		myDiv2.eq(i).show();
	 });
　	});
	
	
	var myDiv = $(".tj_list dl > dd");
	
	myDiv.each(function(i){
		var $cur = 1;//初始化显示的版面
		var $pages = 3;//计算展示版面数量
		var $showbox = $('.showbox ul');
		var $h = $('.showbox').height();
	$(this).find(".pre > span").click(function(){
		if (!$showbox.eq(i).is(':animated')) {  //判断展示区是否动画
			if ($cur == 1) {   //在第一个版面时,再向前滚动到最后一个版面
				$showbox.eq(i).animate({
					top: '-=' + $h * ($pages - 1)
				}, 500); //改变top值,切换显示版面,500(ms)为滚动时间,下同
				$cur = $pages; //初始化版面为最后一个版面
			}
			else {
				$showbox.eq(i).animate({
					top: '+=' + $h
				}, 500); //改变top值,切换显示版面
				$cur--; //版面累减
			}
			//  alert($cur);
		}
	 });
	 $(this).find(".next > span").click(function(){
		if (!$showbox.eq(i).is(':animated')) { 
			if ($cur == $pages) { 
				$showbox.eq(i).animate({
					top: 0
				}, 500); 
				$cur = 1; 
			}
			else {
				$showbox.eq(i).animate({
					top: '-=' + $h
				}, 500);
				$cur++; 
			}
			// alert($cur);
		}
	 });
	
　	});

	
			var $cur2 = 1;//初始化显示的版面
			var $i = 4;//每版显示数
			var $len2 = $('.tuijian_list>ul>li').length;//计算列表总长度(个数)
			var $pages2 = Math.ceil($len2 / $i);//计算展示版面数量
			var $w2 = $('.tuijian_list').height();//取得展示区外围宽度
			var $showbox2 = $('.tuijian_list ul');
			var $num2 = $('span.num li')
			var $pre2 = $('span.pre')
			var $next2 = $('span.next');
			var $autoFun2;
			//@Mr.Think调用自动滚动
			
			//@Mr.Think向前滚动
			$pre2.click(function(){
				if (!$showbox2.is(':animated')) {  //判断展示区是否动画
					if ($cur2 == 1) {   //在第一个版面时,再向前滚动到最后一个版面
						$showbox2.animate({
							top: '-=' + $w2 * ($pages2 - 1)
						}, 1000); //改变left值,切换显示版面,500(ms)为滚动时间,下同
						$cur2 = $pages2; //初始化版面为最后一个版面
					}
					else {
						$showbox2.animate({
							top: '+=' + $w2
						}, 1000); //改变left值,切换显示版面
						$cur2--; //版面累减
					}
					$num2.eq($cur2 - 1).addClass('numcur').siblings().removeClass('numcur'); //为对应的版面数字加上高亮样式,并移除同级元素的高亮样式
				}
			});
			
			$next2.click(function(){
				if (!$showbox2.is(':animated')) { //判断展示区是否动画
					if ($cur2 == $pages2) {  //在最后一个版面时,再向后滚动到第一个版面
						$showbox2.animate({
							top: 0
						}, 1000); //改变left值,切换显示版面,500(ms)为滚动时间,下同
						$cur2 = 1; //初始化版面为第一个版面
					}
					else {
						$showbox2.animate({
							top: '-=' + $w2
						}, 1000);//改变left值,切换显示版面
						$cur2++; //版面数累加
					}
					$num2.eq($cur2 - 1).addClass('numcur').siblings().removeClass('numcur'); //为对应的版面数字加上高亮样式,并移除同级元素的高亮样式
				}
			});
			//@Mr.Think数字点击事件
			$num2.click(function(){
				if (!$showbox2.is(':animated')) { //判断展示区是否动画
					var $index = $num2.index(this); //索引出当前点击在列表中的位置值
					$showbox2.animate({
						left: '-' + ($w2 * $index)
					}, 1000); //改变left值,切换显示版面,500(ms)为滚动时间
					$cur2 = $index + 1; //初始化版面值,这一句可避免当滚动到第三版时,点击向后按钮,出面空白版.index()取值是从0开始的,故加1
					$(this).addClass('numcur').siblings().removeClass('numcur'); //为当前点击加上高亮样式,并移除同级元素的高亮样式
				}
			});
			//@Mr.Think停止滚动
			clearFun2($showbox2);
			clearFun2($pre2);
			clearFun2($next2);
			clearFun2($num2);
			//@Mr.Think事件划入时停止自动滚动
			function clearFun2(elem){
				elem.hover(function(){
					clearAuto();
				}, function(){
					//autoSlide();
				});
			}
			//@Mr.Think自动滚动
			function autoSlide(){
				$next2.trigger('click');
				$autoFun2 = setTimeout(autoSlide, 10000);//此处不可使用setInterval,setInterval是重复执行传入函数,这会引起第二次划入时停止失效
			}
			//@Mr.Think清除自动滚动
			function clearAuto(){
				clearTimeout($autoFun2);
			}
						


	
});

myFocus.set({
    id:'yaozhan_ad',//焦点图盒子ID
    pattern:'mF_tbhuabao',//风格应用的名称
    time:3,//切换时间间隔(秒)，省略设置即不自动切换
    trigger:'click',//触发切换模式:'click'(点击)/'mouseover'(悬停)，默认'click'
    width:1190,//设置宽度(主图区)
    height:399,//设置高度(主图区)
    txtHeight:'default'//文字层高度设置,'default'为默认高度，0为隐藏，默认'default'
});
/*更改显示状态  切换显示隐藏 */



